<template>
  <div style="width: 100vw; height: 100vh; overflow: hidden; margin: 0">
    <el-container v-if="isLoginPage">
      <el-main>
        <router-view />
      </el-main>
    </el-container>
    <el-container v-else>
      <el-header style="margin-top: -2vh"> <Head /></el-header>
      <el-container>
        <el-aside><Left /></el-aside>
        <el-main> <router-view /></el-main>
      </el-container>
    </el-container>
  </div>
</template>

<script setup lang="ts">
import Head from "@/components/head.vue";
import Left from "@/components/left.vue";
import { computed } from "vue";
import { useRoute } from "vue-router";

const route = useRoute();
const isLoginPage = computed(() => route.name === "Login"); // 根据路由名称判断是否是登录页面


</script>
<style scoped>
.el-header {
  width: 100vw;
  height: 10vh;
  --el-header-padding: 0;
  --el-header-height: 0;
}
.el-container {
  width: 100vw;
  height: 100vh;
}
.el-aside {
  width: 13vw;
  background: rgb(43, 49, 56);
  height: 92vh;
}
.el-main {
  width: 87vw;
  --el-main-padding: 0;
}
:deep(.el-select__wrapper) {
  box-shadow: none !important;
  background-color: transparent;
}
:deep(.el-select__selected-item) {
  color: white;
}
:deep(.el-input__inner::placeholder) {
  color: white;
}
</style>
